<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>平台推荐团体报告</title>
  <link rel="stylesheet" href="./../../style/css/reset.css">
  <link rel="stylesheet" href="./../../style/css/report.css">
  <link rel="stylesheet" href="./../../style/font-awesome-4.7.0/css/font-awesome.min.css">
  <script src="./../../js/jquery-1.11.1.js"></script>
  <script src="./../../js/echarts.min.js"></script>
  <style>
    .center>p{
      font-size: 18px !important;
    }
    .center>div>p{
      font-size: 16px !important;
    }
    .mandatoryPaging{
      background: url(./../../style/img/img1.png) no-repeat;
      background-size: 100% 100%;
    }
    .location_city{
      color: #fff;
      padding: 70px 40px 10px;
      margin-bottom: 6px !important;
      font-size: 18px;
    }
    .school_title{
      color: #fff;
      padding: 0 40px 10px;
      margin-bottom: 6px !important;
      font-size: 30px;
    }
    .plan_time{
      color: #fff;
      padding: 0 40px 10px;
      margin-bottom: 6px !important;
      font-size: 14px;
    }
    .plan_title{
      color: #fff;
      margin-left: 40px;
      padding: 0 20px;
      border-radius: 40px;
      display: inline-block;
      border: 1px solid #fff;
      margin-bottom: 6px !important;
      font-size: 18px;
    }
    .table{
      width: 100%;
      border:1px solid #dddddd;
    }
    .table th{
      text-align: center;
    }
    .directoryFl{
      width: 200px;
      height: auto;
      background-color: #fff;
      position: fixed;
      right: 5vw;
      top: 34vh;
      padding: 1vw 2vh;
    }
    .directoryFlLine{
      width: 100%;
      height: 20px;
      border-left: 1px solid #E1E1E1;
      position: relative;
      left: 5px;
    }
    .directoryFl>ul>li>i{
      color: #E1E1E1;
    }
    .directoryFl>ul>li>a{
      color: #9A9A9A;
      text-decoration: none;
      cursor: pointer;
    }
    .tag{
      text-indent: 0;
      color: #49ABF8 !important;
      margin-right: 5px;
    }
    .newlineAlignment>a{
      color: #000;
      text-decoration: none;
    }
	.changerow{
	  page-break-before: always;
	  page-break-after: always;
	}
  </style>
  <script>
    $(function(){
      $.ajax({
        url: 'http://xinzhi_school.jsyixin.com/api/report/getReport/detail',
        beforeSend: function (XMLHttpRequest) {
          XMLHttpRequest.setRequestHeader('token', getUrlKey('token'))
        },
        data: {
          batch: getUrlKey('batch'),
          school_id: getUrlKey('school_id')
        },
        dataType: 'json',
        ContentType: 'application/json',
        type: 'post',
        success: function (data) {
          console.log(data)
          var res = data.data
          $(".location_city").text(res.address)
          $(".school_title").text(res.school)
          $(".plan_title").text(res.measurement_name)
          $(".plan_time").text(res.measurement_time)
          // ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～本校测评结果简述results_describe
          var results_describe = res.results_describe
          $(".results_describe").append('<p class="newlineAlignment bold">本校共有'+results_describe.num+'名学生参与了本次测评，测评结果显示：</p>')
          $(".results_describe").append('<p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>基本状况：本校'+results_describe.basic.above_average+'。本校在'+results_describe.basic.health_problems+'等具体的心理健康问题方面的检出人数比例'+results_describe.basic.school_satisfaction+'平均水平；本校的学校满意度得分'+results_describe.basic.school_satisfaction+'，社会支持得分'+results_describe.basic.social_support+'。</p>')
          $(".results_describe").append('<p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>学段特点：'+results_describe.section_characteristics+'</p>')
          $(".results_describe").append('<p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>年级特点：'+results_describe.grade_characteristics+'</p>')
          $(".results_describe").append('<p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>班级特点：'+results_describe.class_characteristics+'</p>')
          $(".results_describe").append('<p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>性别特点：'+results_describe.sex_characteristics.health_problems+'。</p>')
          // ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～参与测评学生整体分布状况overall_situation
          var overall_situation = res.overall_situation
          var overall_situation_number = '';
          if (overall_situation.num > 1) {
            overall_situation_number = '具体年级中的性别比例分布状况和各班级的分布状态如表1-X所示。'
          }
          $(".overall_situation").append('<p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>'+res.school+'共给'+overall_situation.distribution_num+'名学生分配测评计划，其中'+overall_situation.complete+'名学生完成了测评，其中'+overall_situation.section_num+'。'+overall_situation_number+'</p>')
          for(var i=0;i<overall_situation.table_list.length;i++){
            // 性别
            $(".overall_situation").append('<div class="fontCenter">表1-'+(i+1)+'-1 '+overall_situation.table_list[i].sex_list.sex_title+'</div>')
            var sex_table = '';
            for(var n=0;n<overall_situation.table_list[i].sex_list.sex_list.length;n++) {
              var th = '';
              for(var m=0;m<overall_situation.table_list[i].sex_list.sex_list[n].length;m++) {
                th += '<th>'+overall_situation.table_list[i].sex_list.sex_list[n][m]+'</th>'
              }
              sex_table += '<tr>'+th+'</tr>'
            }
            $(".overall_situation").append('<table class="table" border="1px">'+sex_table+'</table>')
            // 班级
            $(".overall_situation").append('<div class="fontCenter">表1-'+(i+1)+'-2 '+overall_situation.table_list[i].table_list.class_title+'</div>')
            var class_table = '';
            for(var n=0;n<overall_situation.table_list[i].table_list.class_list.length;n++) {
              var th = '';
              for(var m=0;m<overall_situation.table_list[i].table_list.class_list[n].length;m++) {
                th += '<th>'+overall_situation.table_list[i].table_list.class_list[n][m]+'</th>'
              }
              class_table += '<tr>'+th+'</tr>'
            }
            $(".overall_situation").append('<table class="table" border="1px">'+class_table+'</table>')
          }
          // ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～心理健康整体状况 overall_result
          // ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～心理健康水平 overall_result_health_level
          var overall_result_health_level = res.overall_result.health_level
          var overall_result_health_level_myChart = echarts.init(document.getElementById('overall_result_health_level_main'))
          var overall_result_health_level_option = {
            tooltip: {
                trigger: 'item',
                formatter: '{a} <br/>{b} : {d}%'
            },
            color:['#009966','#2F69A9','#FFC400','#DD4B2B'],
            series: [
              {
                name: '心理健康水平',
                type: 'pie',
                radius: ['0%', '70%'],
                data: overall_result_health_level.charts.data,
                itemStyle: {
                  normal: {
                    label: {
                      show: true,
                      formatter: '{b} : {d}%',
                      color: '#000'
                    },
                    labelLine: {
                      show: true
                    }
                  }
                }
              }
            ]
          }
          overall_result_health_level_myChart.setOption(overall_result_health_level_option)
          for(var i=0;i<overall_result_health_level.describe.length;i++) {
            var list = overall_result_health_level.describe[i]
            $(".overall_result_health_level").append('<p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>'+list.name+'：本校的检出人数比例'+list.number+''+list.compare+'平均水平。</p>')
          }
          // ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～心理健康问题 overall_result_health_problems
          var overall_result_health_problems = res.overall_result.health_problems
          var overall_result_health_problems_myChart = echarts.init(document.getElementById('overall_result_health_problems_main'))
          var overall_result_health_problems_option = {
            color: ['#FFAA50'],
            tooltip: {
              trigger: 'axis',
              axisPointer: {
                type: 'shadow'
              },
              formatter: '{a} <br/>{b} : {c}%'
            },
            legend: {
              bottom: 10,
              selectedMode: false
            },
            grid: {
              left: '0%',
              right: '0%',
              bottom: '5%',
              top: '5%',
              containLabel: true
            },
            xAxis: {
              type: 'value',
              boundaryGap: [0, 0.01],
              axisLine: {
                lineStyle: {
                  color: '#000'
                }
              },
              axisLabel: {
                formatter: '{value}%'
              },
              splitLine: {
                show: false
              }
            },
            yAxis: {
              type: 'category',
              data: overall_result_health_problems.charts.yAxis
            },
            series: {
                type: 'bar',
                label: {
                  show: true,
                  position: 'inside'
                },
                data: overall_result_health_problems.charts.data,
                itemStyle: {
                normal: {
                  label: {
                    show: true,
                    formatter: '{b} : {c}%',
                    position: 'insideLeft'
                  },
                  labelLine: {
                    show: true
                  }
                }
              }
            }
          }
          overall_result_health_problems_myChart.setOption(overall_result_health_problems_option)
          $(".overall_result_health_problems").append('<p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>调查数据表明，本校学生心理健康问题检出人数及比例从高到低依次为：'+overall_result_health_problems.describe.sorting+'。</p>')
          $(".overall_result_health_problems").append('<p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>其中，'+overall_result_health_problems.describe.problem+'等心理健康问题的检出人数比例'+overall_result_health_problems.describe.contrast+'平均水平，需要引起重视。</p>')
          // ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～心理健康问题 overall_result_overall_result_development_environment
          var overall_result_development_environment = res.overall_result.development_environment
          var overall_result_development_environment_myChart = echarts.init(document.getElementById('overall_result_development_environment_main'))
          var overall_result_development_environment_option = {
            color: ['#FFAA50'],
            tooltip: {
              trigger: 'axis',
              axisPointer: {
                type: 'shadow'
              },
              formatter: '{a} <br/>{b} : {c}%'
            },
            legend: {
              bottom: 10,
              selectedMode: false
            },
            grid: {
              left: '0%',
              right: '0%',
              bottom: '5%',
              top: '5%',
              containLabel: true
            },
            xAxis: {
              type: 'value',
              boundaryGap: [0, 0.01],
              axisLine: {
                lineStyle: {
                  color: '#000'
                }
              },
              axisLabel: {
                formatter: '{value}%'
              },
              splitLine: {
                show: false
              }
            },
            yAxis: {
              type: 'category',
              data: overall_result_development_environment.charts.yAxis
            },
            series: {
                type: 'bar',
                label: {
                  show: true,
                  position: 'inside'
                },
                data: overall_result_development_environment.charts.data.data,
                itemStyle: {
                normal: {
                  label: {
                    show: true,
                    formatter: '{b} : {c}%',
                    position: 'insideLeft'
                  },
                  labelLine: {
                    show: true
                  }
                }
              }
            }
          }
          overall_result_development_environment_myChart.setOption(overall_result_development_environment_option)
          for(var i=0;i<overall_result_development_environment.describe.length;i++){
            $(".overall_result_development_environment").append('<p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>'+overall_result_development_environment.describe[i].name+'：本校学生的得分'+overall_result_development_environment.describe[i].contrast+'平均水平。</p>')
          }
          // ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～心理健康年级差异 grade_result
          // ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～各年级心理健康水平 grade_result_health_level
          var grade_result_health_level = res.grade_result.health_level
          var grade_result_health_level_myChart = echarts.init(document.getElementById('grade_result_health_level_main'))
          var grade_result_health_level_option = {
            color: ['#2F69A9','#FFC400','#DD4B2B'],
            tooltip: {
              trigger: 'axis',
              axisPointer: {
                type: 'line'
              }
            },
            legend: {
              data: grade_result_health_level.charts.legend
            },
            grid: {
              left: '3%',
              right: '4%',
              bottom: '3%',
              containLabel: true
            },
            xAxis: [
              {
                type: 'category',
                data: grade_result_health_level.charts.xAxis
              }
            ],
            yAxis: [
              {
                type: 'value',
				axisLabel: {
					formatter: '{value} %'
				}
              }
            ],
            series: grade_result_health_level.charts.data
          }
          grade_result_health_level_myChart.setOption(grade_result_health_level_option)
          $(".grade_result_health_level>.annotation").eq(1).text('注2：秉承'+grade_result_health_level.charts.norm+'学生的数据保密原则，图表中不呈现出具体的与'+grade_result_health_level.charts.norm+'相关的数值。')
          for(var i=0;i<grade_result_health_level.table.data.length;i++){
            var th = '';
            for(var n=0;n<grade_result_health_level.table.data[i].length;n++){
              th += '<th>'+grade_result_health_level.table.data[i][n]+'</th>'
            }
            $(".grade_result_health_level_table").append('<tr>'+th+'</tr>')
          }
          $(".grade_result_health_level>.annotation").eq(2).append('注1：↑表示检出比例高于所在年级'+grade_result_health_level.table.norm+'常模的平均水平、；↓表示检出比例低于所在年级'+grade_result_health_level.table.norm+'常模的平均水平；-表示检出比例与所在年级'+grade_result_health_level.table.norm+'常模的平均水平相当。（未进行差异分析）')
          for(var i=0;i<grade_result_health_level.describe.length;i++){
            $(".grade_result_health_level").append('<p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>'+grade_result_health_level.describe[i].name+'：各年级的检出人数比例从高到低依次为'+grade_result_health_level.describe[i].sorting+'。其中，'+grade_result_health_level.describe[i].grade_data+'的人数比例高于所在年级'+grade_result_health_level.describe[i].norm+'常模的平均水平。</p>')
          }
          // ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～各年级心理健康问题 grade_result_health_problems
          var grade_result_health_problems = res.grade_result.health_problems
          var grade_result_health_problems_myChart = echarts.init(document.getElementById('grade_result_health_problems_main'))
          var grade_result_health_problems_option = {
            color: ['#2F69A9','#FFC400','#DD4B2B'],
            tooltip: {
              trigger: 'axis',
              axisPointer: {
                type: 'line'
              }
            },
            legend: {
              data: grade_result_health_problems.charts.legend
            },
            grid: {
              left: '3%',
              right: '4%',
              bottom: '3%',
              containLabel: true
            },
            xAxis: [
              {
                type: 'category',
                data: grade_result_health_problems.charts.xAxis
              }
            ],
            yAxis: [
              {
                type: 'value'
              }
            ],
            series: grade_result_health_problems.charts.data
          }
          grade_result_health_problems_myChart.setOption(grade_result_health_problems_option)
          for(var i=0;i<grade_result_health_problems.table.data.length;i++){
            var th = '';
            for(var n=0;n<grade_result_health_problems.table.data[i].length;n++){
              th += '<th>'+grade_result_health_problems.table.data[i][n]+'</th>'
            }
            $(".grade_result_health_problems_table").append('<tr>'+th+'</tr>')
          }
          $(".grade_result_health_problems>.annotation").eq(0).append('注1：↑表示检出比例高于所在年级'+grade_result_health_problems.table.norm+'常模的平均水平、；↓表示检出比例低于所在年级'+grade_result_health_problems.table.norm+'常模的平均水平；-表示检出比例与所在年级'+grade_result_health_problems.table.norm+'常模的平均水平相当。（未进行差异分析）')
          for(var i=0;i<grade_result_health_problems.describe.data.length;i++){
            $(".grade_result_health_problems").append('<p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>'+grade_result_health_problems.describe.data[i].name+'在各个心理健康问题上的检出比例从高到低表现如下所示：'+grade_result_health_problems.describe.data[i].sorting+'。</p>')
            $(".grade_result_health_problems").append('<p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>其中，'+grade_result_health_problems.describe.data[i].grade_data+'等心理健康问题的检出人数比例高于所在年级'+grade_result_health_problems.describe.data[i].norm+'常模的平均水平，需要引起重视。</p>')
          }
          // ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～各年级学生发展环境状况grade_result_development_environment
          var grade_result_development_environment = res.grade_result.development_environment
          var grade_result_development_environment_myChart = echarts.init(document.getElementById('grade_result_development_environment_main'))
          var grade_result_development_environment_option = {
            color: ['#2F69A9','#FFC400','#DD4B2B'],
            tooltip: {
              trigger: 'axis',
              axisPointer: {
                type: 'line'
              }
            },
            legend: {
              data: grade_result_development_environment.charts.legend
            },
            grid: {
              left: '3%',
              right: '4%',
              bottom: '3%',
              containLabel: true
            },
            xAxis: [
              {
                type: 'category',
                data: grade_result_development_environment.charts.xAxis
              }
            ],
            yAxis: [
              {
                type: 'value'
              }
            ],
            series: grade_result_development_environment.charts.data
          }
          grade_result_development_environment_myChart.setOption(grade_result_development_environment_option)
          for(var i=0;i<grade_result_development_environment.table.data.length;i++){
            var th = '';
            for(var n=0;n<grade_result_development_environment.table.data[i].length;n++){
              th += '<th>'+grade_result_development_environment.table.data[i][n]+'</th>'
            }
            $(".grade_result_development_environment_table").append('<tr>'+th+'</tr>')
          }
          $(".grade_result_development_environment>.annotation").eq(1).append('注1：↑表示检出比例高于所在年级'+grade_result_development_environment.table.norm+'常模的平均水平、；↓表示检出比例低于所在年级'+grade_result_development_environment.table.norm+'常模的平均水平；-表示检出比例与所在年级'+grade_result_development_environment.table.norm+'常模的平均水平相当。（未进行差异分析）')
          for(var i=0;i<grade_result_development_environment.describe.length;i++){
            $(".grade_result_development_environment").append('<p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>'+grade_result_development_environment.describe[i].contrast+'：'+grade_result_development_environment.describe[i].markingLow+'。其中，'+grade_result_development_environment.describe[i].problem+'的学校满意度'+grade_result_development_environment.describe[i].contrast+'常模的平均水平。</p>')
          }
          // ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～心理健康班级差异 class_result
          // ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～班级心理健康水平 class_result_health_level
          var class_result_health_level = res.class_result.health_level
          for(var i=0;i<class_result_health_level.length;i++){
            var list = class_result_health_level[i]
			$(".xljkcy_l").append('<div class="xljkcy_l'+i+' changerow"></div>')
            $('.xljkcy_l'+i).append('<p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>'+list.name+'各班心理健康水平</p>')
            $('.xljkcy_l'+i).append('<div id="class_result_health_problems_main_'+i+'" style="width: 80%;height:400px; margin: 0 auto;"></div>')
            var class_result_health_level_myChart_i = echarts.init(document.getElementById('class_result_health_problems_main_'+i+''))
            var class_result_health_level_option_i = {
              color: ['#2F69A9','#FFC400','#DD4B2B'],
              tooltip: {
                trigger: 'axis',
                axisPointer: {
                  type: 'line'
                }
              },
              legend: {
                data: list.charts.legend
              },
              grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
              },
              xAxis: [
                {
                  type: 'category',
                  data: list.charts.xAxis
                }
              ],
              yAxis: [
                {
                  type: 'value'
                }
              ],
              series: list.charts.data
            }
            class_result_health_level_myChart_i.setOption(class_result_health_level_option_i)
            $('.xljkcy_l'+i).append('<div class="fontCenter">图7-'+(i+1)+' '+list.name+'各班学生的心理健康水平的分布</div>')
            $('.xljkcy_l'+i).append('<div class="fontCenter">表4-'+(i+1)+' '+list.name+'各班学生的心理健康水平的分布</div>')
            $('.xljkcy_l'+i).append(' <table class="table class_result_health_level_table'+i+'" border="1px"> <tr> <th></th> <th>适应良好</th> <th>适应问题</th> <th>严重问题</th> <th>危机问题</th></tr> </table>')
            for(var n=0;n<list.table.data.length;n++){
              var th = '';
              for(var m=0;m<list.table.data[n].length;m++){
                th += '<th>'+list.table.data[n][m]+'</th>'
              }
              $('.class_result_health_level_table'+i).append('<tr>'+th+'</tr>')
            }
            $('.xljkcy_l'+i).append('<p class="annotation">注1：↑表示检出比例高于所在年级'+list.table.norm+'常模的平均水平；↓表示检出比例低于所在年级'+list.table.norm+'常模的平均水平；-表示检出比例与所在年级'+list.table.norm+'常模的平均水平相当。（未进行差异分析）</p>')
            $('.xljkcy_l'+i).append('<p class="newlineAlignment"><i class="fa fa-long-arrow-right fa-lg triangle"></i>'+list.name+'各班级在各个心理健康水平上的检出比例从高到低排序的表现如下所示：</p>')
            for(var n=0;n<list.describe.length;n++){
              $('.xljkcy_l'+i).append('<p class="newlineAlignment"><i class="fa fa-long-arrow-right fa-lg triangle"></i>'+list.describe[n].name+'：'+list.describe[n].sorting+'。同时，超过所在年级'+list.describe[n].norm+'常模的班级有'+list.describe[n].more_problem+'。</p>')
            }
          }
		  $('.xljkcy_l0').prepend('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>不同年级的各个班级心理健康水平</p>')
		  $('.xljkcy_l0').prepend('<p class="newlineAlignment" id="directory7_3"><i class="fa fa-caret-right fa-lg triangle"></i>心理健康班级差异</p>')
          // ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～不同年级的各个班级心理健康问题 class_result_health_problems
          // <div class="class_result_health_problems_lry changerow">
          // 	<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>不同年级的各个班级心理健康问题</p>
          // </div>
          // <div class="class_result_health_problems_lry_two changerow">
          	
          // </div>
		  var class_result_health_problems = res.class_result.health_problems
          for(var i=0;i<class_result_health_problems.length;i++){
            var list = class_result_health_problems[i]
			$(".class_result_health_problems").append('<div class="class_result_health_problems_lry'+i+' changerow"><div class="lry changerow"></div><div class="lry2 changerow"></div></div>')
            $('.class_result_health_problems_lry'+i+' .lry').prepend('<p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>'+list.name+'各班心理健康问题</p>')
            for(var n=0;n<list.charts.length;n++){
			  if(n>1){
				$('.class_result_health_problems_lry'+i+' .lry2').append('<div id="class_result_health_problems_main_'+i+'_'+n+'" style="width: 80%;height:400px; margin: 0 auto;"></div>')
				var class_result_health_problems_myChart_i_n = echarts.init(document.getElementById('class_result_health_problems_main_'+i+'_'+n))
				var class_result_health_problems_option_i_n = {
				  color: ['#2F69A9','#FFC400','#DD4B2B'],
				  tooltip: {
				    trigger: 'axis',
				    axisPointer: {
				      type: 'line'
				    }
				  },
				  legend: {
				    data: list.charts[n].legend
				  },
				  grid: {
				    left: '3%',
				    right: '4%',
				    bottom: '3%',
				    containLabel: true
				  },
				  xAxis: [
				    {
				      type: 'category',
				      data: list.charts[n].xAxis
				    }
				  ],
				  yAxis: [
				    {
				      type: 'value'
				    }
				  ],
				  series: list.charts[n].data
				}
				class_result_health_problems_myChart_i_n.setOption(class_result_health_problems_option_i_n)
				$('.class_result_health_problems_lry'+i+' .lry2').append('<div class="fontCenter">图8-'+(i+1)+'-'+(n+1)+' '+list.name+'各班心理健康问题分布情况</div>')  
			  }else{
				$('.class_result_health_problems_lry'+i+' .lry').append('<div id="class_result_health_problems_main_'+i+'_'+n+'" style="width: 80%;height:400px; margin: 0 auto;"></div>')
				var class_result_health_problems_myChart_i_n = echarts.init(document.getElementById('class_result_health_problems_main_'+i+'_'+n))
				var class_result_health_problems_option_i_n = {
				  color: ['#2F69A9','#FFC400','#DD4B2B'],
				  tooltip: {
				    trigger: 'axis',
				    axisPointer: {
				      type: 'line'
				    }
				  },
				  legend: {
				    data: list.charts[n].legend
				  },
				  grid: {
				    left: '3%',
				    right: '4%',
				    bottom: '3%',
				    containLabel: true
				  },
				  xAxis: [
				    {
				      type: 'category',
				      data: list.charts[n].xAxis
				    }
				  ],
				  yAxis: [
				    {
				      type: 'value'
				    }
				  ],
				  series: list.charts[n].data
				}
				class_result_health_problems_myChart_i_n.setOption(class_result_health_problems_option_i_n)
				$('.class_result_health_problems_lry'+i+' .lry').append('<div class="fontCenter">图8-'+(i+1)+'-'+(n+1)+' '+list.name+'各班心理健康问题分布情况</div>')
			  }
              
				// $(".class_result_health_problems").append('<div id="class_result_health_problems_main_'+i+'_'+n+'" style="width: 80%;height:400px; margin: 0 auto;"></div>')
				// var class_result_health_problems_myChart_i_n = echarts.init(document.getElementById('class_result_health_problems_main_'+i+'_'+n))
				// var class_result_health_problems_option_i_n = {
				//   color: ['#2F69A9','#FFC400','#DD4B2B'],
				//   tooltip: {
				//     trigger: 'axis',
				//     axisPointer: {
				//       type: 'line'
				//     }
				//   },
				//   legend: {
				//     data: list.charts[n].legend
				//   },
				//   grid: {
				//     left: '3%',
				//     right: '4%',
				//     bottom: '3%',
				//     containLabel: true
				//   },
				//   xAxis: [
				//     {
				//       type: 'category',
				//       data: list.charts[n].xAxis
				//     }
				//   ],
				//   yAxis: [
				//     {
				//       type: 'value'
				//     }
				//   ],
				//   series: list.charts[n].data
				// }
				// class_result_health_problems_myChart_i_n.setOption(class_result_health_problems_option_i_n)
				// $(".class_result_health_problems").append('<div class="fontCenter">图11-'+(i+1)+'-'+(n+1)+' '+list.name+'各班心理健康问题分布情况</div>')
			  
            }
            $('.class_result_health_problems_lry'+i+' .lry2').append('<div class="fontCenter">表5-'+(i+1)+' '+list.name+'各班心理健康问题分布情况</div>')
			// $('.class_result_development_environment'+i).append('<table class="table class_result_development_environment_table_'+i+'" border="1px"'+'> <tr> <th></th> <th>社会支持1</th> <th>学生发展环境</th></tr> </table>')
             $('.class_result_health_problems_lry'+i+' .lry2').append('<table class="table class_result_health_problems_table_'+i+'" border="1px"> <tr> <th></th> <th>自伤行为</th> <th>学习倦怠</th> <th>抑郁</th> <th>受欺负</th> <th>欺负</th> <th>自杀意念</th> <th>焦虑</th> <th>网络成瘾</th> <th>压力</th> </tr> </table>')
                        for(var n=0;n<list.table.data.length;n++){
                          var th = '';
                          for(var m=0;m<list.table.data[n].length;m++){
                            th += '<th>'+list.table.data[n][m]+'</th>'
                          }
                          $('.class_result_health_problems_table_'+i).append('<tr>'+th+'</tr>')
                        }
            $('.class_result_health_problems_lry'+i+' .lry2').append('<p class="annotation">注1：↑表示检出比例高于所在年级'+list.table.name+'常模的平均水平；↓表示检出比例低于所在年级'+list.table.name+'常模的平均水平；-表示检出比例与所在年级'+list.table.name+'常模的平均水平相当。（未进行差异分析）</p>')
            $('.class_result_health_problems_lry'+i+' .lry2').append('<p class="newlineAlignment"><i class="fa fa-long-arrow-right fa-lg triangle"></i>在心理健康问题各方面中，超出所在年级'+list.describe.norm+'常模的班级数量分别是：'+list.describe.sorting+'。</p>')
            for(var n=0;n<list.describe.data.length;n++){
              $('.class_result_health_problems_lry'+i+' .lry2').append('<p class="newlineAlignment"><i class="fa fa-long-arrow-right fa-lg triangle"></i>'+list.describe.data[n].name+'：'+list.describe.data[n].max_high+'检出最高，'+list.describe.data[n].min_low+'检出比例最低。按照检出比例从高到低排序依次为'+list.describe.data[n].sorting+'。</p>')
              $('.class_result_health_problems_lry'+i+' .lry2').append('<p class="newlineAlignment"><i class="fa fa-long-arrow-right fa-lg triangle"></i>其中，超过所在年级'+list.describe.norm+'常模的班级有'+list.describe.data[n].more_problem+'。</p>')
            }
          }
		  $('.class_result_health_problems_lry0 .lry').prepend('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>不同年级的各个班级心理健康问题</p>')
          // ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～不同年级的各个班级学生发展环境状况 class_result_development_environment
          var class_result_development_environment = res.class_result.development_environment
          for(var i=0;i<class_result_development_environment.length;i++){
            var list = class_result_development_environment[i]
			$(".class_result_development_environment").append('<div class="class_result_development_environment'+i+' changerow"></div>')
            $('.class_result_development_environment'+i).append('<p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>'+list.name+'各班学生发展环境状况</p>')
            $('.class_result_development_environment'+i).append('<div id="class_result_development_environment_main_'+i+'" style="width: 80%;height:400px; margin: 0 auto;"></div>')
            var class_result_development_environment_myChart_i = echarts.init(document.getElementById('class_result_development_environment_main_'+i))
            var class_result_development_environment_option_i = {
              color: ['#2F69A9','#FFC400','#DD4B2B'],
              tooltip: {
                trigger: 'axis',
                axisPointer: {
                  type: 'line'
                }
              },
              legend: {
                data: list.charts.legend
              },
              grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
              },
              xAxis: [
                {
                  type: 'category',
                  data: list.charts.xAxis
                }
              ],
              yAxis: [
                {
                  type: 'value'
                }
              ],
              series: list.charts.data
            }
            class_result_development_environment_myChart_i.setOption(class_result_development_environment_option_i)
            $('.class_result_development_environment'+i).append('<div class="fontCenter">图12-'+(i+1)+'-'+(n+1)+' '+list.name+'各班学生发展环境状况</div>')
            $('.class_result_development_environment'+i).append('<p class="annotation">注1：学校满意度量表总分范围为8-48分；社会支持量表总分范围为6-36分。</p>')
            $('.class_result_development_environment'+i).append('<div class="fontCenter">表6-'+(i+1)+' '+list.name+'各班学生发展环境状况</div>')
            $('.class_result_development_environment'+i).append('<table class="table class_result_development_environment_table_'+i+'" border="1px"'+'> <tr> <th></th> <th>社会支持</th> <th>学生发展环境</th></tr> </table>')
			for(var n=0;n<list.table.data.length;n++){
              var th = '';
              for(var m=0;m<list.table.data[n].length;m++){
                th += '<th>'+list.table.data[n][m]+'</th>'
              }
              $('.class_result_development_environment_table_'+i).append('<tr>'+th+'</tr>')
            }
            $('.class_result_development_environment'+i).append('<p class="annotation">注1：<i class="red">↑</i>表示检出比例高于所在年级'+list.table.norm+'常模的平均水平；<i class="green">↓</i>表示检出比例低于所在年级'+list.table.norm+'常模的平均水平；-表示检出比例与所在年级'+list.table.norm+'常模的平均水平相当。（未进行差异分析）</p>')
                        for(var n=0;n<list.describe.length;n++){
                          $('.class_result_development_environment'+i).append('<p class="newlineAlignment retract2">'+(n+1)+'）'+list.describe[n].name+'：'+list.describe[n].highest+'的得分最高，'+list.describe[n].minimum+'的得分最低。按照得分从低到高排序依次为：'+list.describe[n].sorting+'。</p>')
                          $('.class_result_development_environment'+i).append('<p class="newlineAlignment retract2">'+list.describe[n].less_problem+'</p>')
                        }
          }
		  $('.class_result_development_environment0').prepend('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>不同年级的各个班级心理健康问题</p>')
          // ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～心理健康性别差异 sex_result
          // ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～不同性别心理健康水平 sex_result_health_level
          var sex_result_health_level = res.sex_result.health_level
          var sex_result_health_level_myChart = echarts.init(document.getElementById('sex_result_health_level_main'))
          var sex_result_health_level_option = {
            color: ['#2F69A9','#FFC400','#DD4B2B'],
            tooltip: {
              trigger: 'axis',
              axisPointer: {
                type: 'line'
              }
            },
            legend: {
              data: sex_result_health_level.charts.legend
            },
            grid: {
              left: '3%',
              right: '4%',
              bottom: '3%',
              containLabel: true
            },
            xAxis: [
              {
                type: 'category',
                data: sex_result_health_level.charts.xAxis
              }
            ],
            yAxis: [
              {
                type: 'value'
              }
            ],
            series: sex_result_health_level.charts.data
          }
          sex_result_health_level_myChart.setOption(sex_result_health_level_option)
          for(var n=0;n<sex_result_health_level.describe.length;n++){
            $(".sex_result_health_level").append('<p class="newlineAlignment"><i class="fa fa-long-arrow-right fa-lg triangle"></i>'+sex_result_health_level.describe[n].name+'：'+sex_result_health_level.describe[n].value+'。</p>')
          }
          //～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～ 同性别心理健康问题 sex_result_health_problems
          var sex_result_health_problems = res.sex_result.health_problems
          var sex_result_health_problems_myChart = echarts.init(document.getElementById('sex_result_health_problems_main'))
          var sex_result_health_problems_option = {
            color: ['#2F69A9','#FFC400','#DD4B2B'],
            tooltip: {
              trigger: 'axis',
              axisPointer: {
                type: 'line'
              }
            },
            legend: {
              data: sex_result_health_problems.charts.legend
            },
            grid: {
              left: '3%',
              right: '4%',
              bottom: '3%',
              containLabel: true
            },
            xAxis: [
              {
                type: 'category',
                data: sex_result_health_problems.charts.xAxis
              }
            ],
            yAxis: [
              {
                type: 'value'
              }
            ],
            series: sex_result_health_problems.charts.data
          }
          sex_result_health_problems_myChart.setOption(sex_result_health_problems_option)
          for(var i=0;i<sex_result_health_problems.describe.length;i++){
            $(".sex_result_health_problems").append('<p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>'+sex_result_health_problems.describe[i].name+'生在各个心理健康问题上的检出比例从高到低：'+sex_result_health_problems.describe[i].sorting+'。</p>')
          }
          var sex_result_health_problems_hight = '男生在'+sex_result_health_problems.compare.male_high_female_title+'等心理健康问题上的检出比例高于女生；'
          var sex_result_health_problems_equal = '男生在'+sex_result_health_problems.compare.male_equal_female_title+'等心理健康问题上的检出比例等于女生；'
          var sex_result_health_problems_low = '男生在'+sex_result_health_problems.compare.male_low_female_title+'等心理健康问题上的检出比例低于女生'

          $(".sex_result_health_problems").append('<p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>其中，'+sex_result_health_problems_hight+sex_result_health_problems_equal+sex_result_health_problems_low+'。</p>')
          //～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～ 不同性别学生发展环境状况 sex_result_development_environment
          var sex_result_development_environment = res.sex_result.development_environment
          var sex_result_development_environment_myChart = echarts.init(document.getElementById('sex_result_development_environment_main'))
          var sex_result_development_environment_option = {
            color: ['#2F69A9','#FFC400','#DD4B2B'],
            tooltip: {
              trigger: 'axis',
              axisPointer: {
                type: 'line'
              }
            },
            legend: {
              data: sex_result_development_environment.charts.legend
            },
            grid: {
              left: '3%',
              right: '4%',
              bottom: '3%',
              containLabel: true
            },
            xAxis: [
              {
                type: 'category',
                data: sex_result_development_environment.charts.xAxis
              }
            ],
            yAxis: [
              {
                type: 'value'
              }
            ],
            series: sex_result_development_environment.charts.data
          }
          sex_result_development_environment_myChart.setOption(sex_result_development_environment_option)
          for(var i=0;i<sex_result_development_environment.describe.length;i++){
            $(".sex_result_development_environment").append('<p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>'+sex_result_health_problems.describe[i].name+'生在各个心理健康问题上的检出比例从高到低：'+sex_result_health_problems.describe[i].sorting+'。</p>')
          }
          //～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～ 心理健康亲子相互了解程度差异
          //～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～ 不同年级亲子相互了解程度report_parent_grade_dispatch
          var report_parent_grade_dispatch = res.report_parent_grade_dispatch
          for(var i=0;i<report_parent_grade_dispatch.length;i++){
            var list = report_parent_grade_dispatch[i]
            $(".report_parent_grade_dispatch").append('<p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>'+list.grade_title+'亲子相互了解程度</p>')
            var report_parent_grade_dispatch_legend = [];
            var report_parent_grade_dispatch_data = [];
            var obj1 = {
                name: '非常了解',
              type: "bar", // 插件需要
              stack: "各年级心理健康水平", // 插件需要
              barWidth: 50, // 插件需要
              data: []
            }
            var obj2 = {
              name: '比较了解',
              type: "bar", // 插件需要
              stack: "各年级心理健康水平", // 插件需要
              barWidth: 50, // 插件需要
              data: []
            }
            var obj3 = {
              name: '一般了解',
              type: "bar", // 插件需要
              stack: "各年级心理健康水平", // 插件需要
              barWidth: 50, // 插件需要
              data: []
            }
            var obj4 = {
              name: '需要加强沟通',
              type: "bar", // 插件需要
              stack: "各年级心理健康水平", // 插件需要
              barWidth: 50, // 插件需要
              data: []
            }
            for(var n=0;n<list.list.length;n++){
              report_parent_grade_dispatch_legend.push(list.list[n].title)
              obj1.data.push(list.list[n].subList[0].percentage)
              obj2.data.push(list.list[n].subList[1].percentage)
              obj3.data.push(list.list[n].subList[2].percentage)
              obj4.data.push(list.list[n].subList[3].percentage)
            }
            report_parent_grade_dispatch_data.push(obj1)
            report_parent_grade_dispatch_data.push(obj2)
            report_parent_grade_dispatch_data.push(obj3)
            report_parent_grade_dispatch_data.push(obj4)
            $(".report_parent_grade_dispatch").append('<div id="report_parent_grade_dispatch_main_'+i+'" style="width: 80%;height:400px; margin: 0 auto;"></div>')
            var class_result_health_problems_myChart_i = echarts.init(document.getElementById('report_parent_grade_dispatch_main_'+i))
            var class_result_health_problems_option_i = {
              color: ['#2F69A9','#FFC400','#DD4B2B'],
              tooltip: {
                trigger: 'axis',
                axisPointer: {
                  type: 'line'
                }
              },
              legend: {
                data: ['非常了解','比较了解','一般了解','需要加强沟通']
              },
              grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
              },
              xAxis: [
                {
                  type: 'category',
                  data: report_parent_grade_dispatch_legend
                }
              ],
              yAxis: [
                {
                  type: 'value'
                }
              ],
              series: report_parent_grade_dispatch_data
            }
            class_result_health_problems_myChart_i.setOption(class_result_health_problems_option_i)
            $(".report_parent_grade_dispatch").append('<div class="fontCenter">图16-'+(i+1)+' '+list.grade_title+'亲子相互了解程度分布图</div>')
            $(".report_parent_grade_dispatch").append('<p class="annotation">注：表中数据因小数取舍而产生的误差，均未作机械调整。</p>')
            $(".report_parent_grade_dispatch").append('<p class="newlineAlignment"><i class="fa fa-long-arrow-right fa-lg triangle"></i>对于'+list.grade_title+'学生存在的心理健康问题，了解程度的情况如下所示：</p>')
            for(var n=0;n<list.four_dimensions_list.length;n++){
              var arr = []
              for(var m=0;m<list.four_dimensions_list[n].list.the_first_three.length;m++){
                arr.push(list.four_dimensions_list[n].list.the_first_three[m].title)
              }
              $(".report_parent_grade_dispatch").append('<p class="newlineAlignment"><i class="fa fa-long-arrow-right fa-lg triangle"></i>亲子相互了解程度中“'+list.four_dimensions_list[n].name+'”的前3个方面分别'+arr.toString()+'。</p>')
            }
          }
           //～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～ 不同性别亲子相互了解程度 report_parent_sex_dispatch
           var report_parent_sex_dispatch = res.report_parent_sex_dispatch
          for(var i=0;i<report_parent_sex_dispatch.length;i++){
            var list = report_parent_sex_dispatch[i]
			$(".report_parent_sex_dispatch").append('<div class="report_parent_sex_dispatch'+i+' changerow"></div>')
            $('.report_parent_sex_dispatch'+i).append('<p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>'+list.sexName+'生亲子相互了解程度</p>')
            var report_parent_sex_dispatch_legend = [];
            var report_parent_sex_dispatch_data = [];
            var obj1 = {
                name: '非常了解',
              type: "bar", // 插件需要
              stack: "各年级心理健康水平", // 插件需要
              barWidth: 50, // 插件需要
              data: []
            }
            var obj2 = {
              name: '比较了解',
              type: "bar", // 插件需要
              stack: "各年级心理健康水平", // 插件需要
              barWidth: 50, // 插件需要
              data: []
            }
            var obj3 = {
              name: '一般了解',
              type: "bar", // 插件需要
              stack: "各年级心理健康水平", // 插件需要
              barWidth: 50, // 插件需要
              data: []
            }
            var obj4 = {
              name: '需要加强沟通',
              type: "bar", // 插件需要
              stack: "各年级心理健康水平", // 插件需要
              barWidth: 50, // 插件需要
              data: []
            }
            for(var n=0;n<list.list.length;n++){
              report_parent_sex_dispatch_legend.push(list.list[n].title)
              obj1.data.push(list.list[n].subList[0].percentage)
              obj2.data.push(list.list[n].subList[1].percentage)
              obj3.data.push(list.list[n].subList[2].percentage)
              obj4.data.push(list.list[n].subList[3].percentage)
            }
            report_parent_sex_dispatch_data.push(obj1)
            report_parent_sex_dispatch_data.push(obj2)
            report_parent_sex_dispatch_data.push(obj3)
            report_parent_sex_dispatch_data.push(obj4)
            $('.report_parent_sex_dispatch'+i).append('<div id="report_parent_sex_dispatch_main_'+i+'" style="width: 80%;height:400px; margin: 0 auto;"></div>')
            var class_result_health_problems_myChart_i = echarts.init(document.getElementById('report_parent_sex_dispatch_main_'+i))
            var class_result_health_problems_option_i = {
              color: ['#2F69A9','#FFC400','#DD4B2B'],
              tooltip: {
                trigger: 'axis',
                axisPointer: {
                  type: 'line'
                }
              },
              legend: {
                data: ['非常了解','比较了解','一般了解','需要加强沟通']
              },
              grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
              },
              xAxis: [
                {
                  type: 'category',
                  data: report_parent_sex_dispatch_legend
                }
              ],
              yAxis: [
                {
                  type: 'value'
                }
              ],
              series: report_parent_sex_dispatch_data
            }
            class_result_health_problems_myChart_i.setOption(class_result_health_problems_option_i)
            $('.report_parent_sex_dispatch'+i).append('<div class="fontCenter">图17-'+(i+1)+' '+list.sexName+'生亲子相互了解程度分布图</div>')
            $('.report_parent_sex_dispatch'+i).append('<p class="annotation">注：表中数据因小数取舍而产生的误差，均未作机械调整。</p>')
            $('.report_parent_sex_dispatch'+i).append('<p class="newlineAlignment"><i class="fa fa-long-arrow-right fa-lg triangle"></i>对于'+list.sexName+'生群体存在的心理健康问题，了解程度的情况如下所示：</p>')
            for(var n=0;n<list.four_dimensions_list.length;n++){
              var arr = []
              for(var m=0;m<list.four_dimensions_list[n].list.the_first_three.length;m++){
                arr.push(list.four_dimensions_list[n].list.the_first_three[m].title)
              }
              $('.report_parent_sex_dispatch'+i).append('<p class="newlineAlignment"><i class="fa fa-long-arrow-right fa-lg triangle"></i>亲子相互了解程度中“'+list.four_dimensions_list[n].name+'”的前3个方面分别'+arr.toString()+'。</p>')
            }
          }
		  $('.report_parent_sex_dispatch0').prepend('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>不同性别亲子相互了解程度</p>')
		  $('.report_parent_sex_dispatch0').prepend('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>不同年级亲子相互了解程度</p>')
		  $('.report_parent_sex_dispatch0').prepend('<p class="newlineAlignment" id="directory7_5"><i class="fa fa-caret-right fa-lg triangle"></i>心理健康亲子相互了解程度差异</p>')
          //～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～ 结论conclusion
          var conclusion = res.conclusion
          $(".conclusion").append('<p class="newlineAlignment" id="directory8_1"><i class="fa fa-caret-right fa-lg triangle"></i>本校学生心理健康水平整体（'+conclusion.whole.title.type+'），属于严重和危机问题的学生比例为'+conclusion.whole.title.proportion+'%</p>')
          $(".directoryConclusion1").html('<i class="fa fa-angle-double-right fa-lg triangle"></i><a href="#directory8_1">本校学生心理健康水平整体（'+conclusion.whole.title.type+'），属于严重和危机问题的学生比例为'+conclusion.whole.title.proportion+'%</a>')
          $(".conclusion").append('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>总体而言，本校学生心理健康水平（'+conclusion.whole.title.type+'）。有'+conclusion.whole.good_proportion+'%的学生心理健康处于适应良好水平，其中适应问题的学生占'+conclusion.whole.problem_proportion+'%，严重问题的学生占'+conclusion.whole.serious_proportion+'%，危机问题的学生占'+conclusion.whole.crisis_proportion+'%。'+conclusion.whole.above_proportion+'的检出比例高于'+conclusion.whole.norm+'的平均水平。</p>')
          $(".conclusion").append('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>从心理健康问题而言，在'+conclusion.whole.health_proportion+'方面的检出比例高于'+conclusion.whole.norm+'平均水平，需要引起重视。</p>')
          $(".conclusion").append('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>从学生发展环境而言，本校学生的学校满意度'+conclusion.whole.satisfaction+''+conclusion.whole.norm+'平均水平，社会支持'+conclusion.whole.socialSupport+''+conclusion.whole.norm+'平均水平。</p>')
          $(".conclusion").append('<p class="newlineAlignment" id="directory8_2"><i class="fa fa-caret-right fa-lg triangle"></i>在所有参评年级中，'+conclusion.grade_problem.most+'存在突出心理健康问题数量最多</p>')
          $(".directoryConclusion2").html('<i class="fa fa-angle-double-right fa-lg triangle"></i><a href="#directory8_2">在所有参评年级中，'+conclusion.grade_problem.most+'存在突出心理健康问题数量最多</a>')
          $(".conclusion").append('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>根据数据结果可知，相比其他年级，适应良好比例最高的是'+conclusion.grade_problem.good+'；适应问题检出比例最高的是'+conclusion.grade_problem.adapt+'；严重问题检出比例最高的是'+conclusion.grade_problem.bad+'；危机问题检出比例最高的是'+conclusion.grade_problem.danger+'。</p>')
          var conclusionData = ''
          for(var i=0;i<conclusion.grade_problem.data.length;i++){
            conclusionData += conclusion.grade_problem.data[i].name+'有'+conclusion.grade_problem.data[i].num+'个具体心理健康问题的检出比例高于对应年级的'+conclusion.grade_problem.data[i].norm+'平均水平，具体为'+conclusion.grade_problem.data[i].list+'。'
          }
          $(".conclusion").append('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>从心理健康问题而言，'+conclusionData+'</p>')
          $(".conclusion").append('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>从学生发展环境而言，学校满意度最高的是'+conclusion.grade_problem.satisfaction+'，社会支持最高的是'+conclusion.grade_problem.socialSupport+'。</p>')
          $(".conclusion").append('<p class="newlineAlignment" id="directory8_3"><i class="fa fa-caret-right fa-lg triangle"></i>在本校参评班级中，共'+conclusion.above_norm.num+'个班级的心理健康问题超出所在年级'+conclusion.above_norm.norm+'常模</p>')
          $(".directoryConclusion3").html('<i class="fa fa-angle-double-right fa-lg triangle"></i><a href="#directory8_3">在本校参评班级中，共'+conclusion.above_norm.num+'个班级的心理健康问题超出所在年级'+conclusion.above_norm.norm+'常模</a>')
          $(".conclusion").append('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>从心理健康水平而言，超出所在年级'+conclusion.above_norm.norm+'常模的班级数量分别是：危机问题（'+conclusion.above_norm.danger+'个），严重问题（'+conclusion.above_norm.bad+'个），适应问题（'+conclusion.above_norm.adapt+'个）。</p>')
          $(".conclusion").append('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>从心理健康问题而言，超出所在年级'+conclusion.above_norm.norm+'常模的班级数量分别是：'+conclusion.above_norm.class_num+'。对本校参评班级进行统计，结果发现在'+conclusion.above_norm.class_characteristics+'</p>')
          $(".conclusion").append('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>从学生发展环境而言，低于所在年级'+conclusion.above_norm.norm+'常模的班级数量分别是：学校满意度（'+conclusion.above_norm.satisfaction+'个）、社会支持（'+conclusion.above_norm.socialSupport+'个）。</p>')
          $(".conclusion").append('<p class="newlineAlignment" id="directory8_4"><i class="fa fa-caret-right fa-lg triangle"></i>'+conclusion.sex_compare.compare+'</p>')
          $(".directoryConclusion4").html('<i class="fa fa-angle-double-right fa-lg triangle"></i><a href="#directory8_4">'+conclusion.sex_compare.compare+'</a>')
          $(".conclusion").append('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>根据数据结果可知，'+conclusion.sex_compare.above_proportion+'。</p>')
          $(".conclusion").append('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>从心理健康问题而言，'+conclusion.sex_compare.health_proportion+'。</p>')
          $(".conclusion").append('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>从学生发展环境而言，男生的学校满意度'+conclusion.sex_compare.satisfaction+'女生，男生'+conclusion.sex_compare.socialSupport+'女生。</p>')
          $(".conclusion").append('<p class="newlineAlignment" id="directory8_5"><i class="fa fa-caret-right fa-lg triangle"></i>在心理健康各方面中，亲子相互了解程度最“需要加强沟通”的方面是'+res.report_parent_strengthen_dispatch.overallNeedStrengthen+'</p>')
          $(".directoryConclusion5").html('<i class="fa fa-angle-double-right fa-lg triangle"></i><a href="#directory8_5">在心理健康各方面中，亲子相互了解程度最“需要加强沟通”的方面是'+res.report_parent_strengthen_dispatch.overallNeedStrengthen+'</a>')
          var parents_children_list = ''
          for(var i=0;i<res.grade_strengthen_result.length;i++){
            parents_children_list += res.grade_strengthen_result[i].grade_title+'最需要加强沟通的方面是'+res.grade_strengthen_result[i].strengthen_title+';'
          }
          parents_children_list += '男生最需要加强沟通的方面是'+res.sex_strengthen_result.male.strengthen_title+'，女生最需要加强沟通的方面是'+res.sex_strengthen_result.female.strengthen_title+'。'
          $(".conclusion").append('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>在不同年级和性别中，亲子相互了解程度最“需要加强沟通”的方面各有不同。'+parents_children_list+'</p>')
          $(".conclusion").append('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>对亲子相互了解程度数据进行整合，发现亲子相互了解程度最“需要加强沟通”的方面是'+res.report_parent_strengthen_dispatch.overallNeedStrengthen+'。</p>')
          //～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～ 附件appendix
          $(".appendix1").append('<p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>本次报告涉及的'+results_describe.norm+'或系统常模比较的数据均来源于“全国中初中心理健康状况调查”课题。若贵省参与本次“全国中初中心理健康状况调查”课题且目前常模样本达到2万人次，那么贵校比较时的常模为贵省数据库中的数据；若贵省并未参与本次“全国中初中心理健康状况调查”课题或目前常模样本少于2万人次，那么贵校比较时的常模为本次“全国中初中心理健康状况调查”课题系统库中的数据。</p>')
          //附件1academic_burnout学习倦怠
          $(".appendix2").append('<p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>学习倦怠各班状况分布表</p>')
          var appendix2 = res.appendix.academic_burnout
          for(var i=0;i<appendix2.length;i++){
            $(".appendix2").append('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>'+appendix2[i].title+'各班学习倦怠状况分布表</p>')
            var data = ''
            for(var n=0;n<appendix2[i].children.length;n++){
              data += '<tr><th>'+appendix2[i].children[n].class_title+'</th><th>'+appendix2[i].children[n].sid_complete_total+'</th><th>'+appendix2[i].children[n].low_number+'</th><th>'+appendix2[i].children[n].centre_number+'</th></tr>'
            }
            $(".appendix2").append('<table class="table" border="1px"> <tr> <th>班级</th> <th>测评人数</th> <th>Ⅰ类人数</th><th>Ⅱ类人数</th></tr>'+data+'</table>')
          }
          $(".appendix2").append('<p class="annotation">注：</p>')
          $(".appendix2").append('<p class="annotation">Ⅰ类人数越多，班级中对所学课程和学校活动保持兴趣的学生人数越多。</p>')
          $(".appendix2").append('<p class="annotation">Ⅱ类人数越多，班级中对所学课程和学校活动热忱消失的人数越多。</p>')
          $(".appendix2").append('<p class="annotation">针对II类人数较多的班级，可组织开展学业倦怠主题班会。</p>')
          //附件3stress压力
          $(".appendix3").append('<p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>压力各班状况分布表</p>')
          var appendix3 = res.appendix.stress
          for(var i=0;i<appendix3.length;i++){
            $(".appendix3").append('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>'+appendix3[i].title+'各班压力状况分布表</p>')
            var data = ''
            for(var n=0;n<appendix3[i].children.length;n++){
              data += '<tr><th>'+appendix3[i].children[n].class_title+'</th><th>'+appendix3[i].children[n].sid_complete_total+'</th><th>'+appendix3[i].children[n].low_number+'</th><th>'+appendix3[i].children[n].centre_number+'</th><th>'+appendix3[i].children[n].high_side_number+'</th></tr>'
            }
            $(".appendix3").append('<table class="table" border="1px"> <tr> <th>班级</th> <th>测评人数</th> <th>Ⅰ类人数</th><th>Ⅱ类人数</th><th>Ⅲ类人数</th></tr>'+data+'</table>')
          }
          $(".appendix3").append('<p class="annotation">注：</p>')
          $(".appendix3").append('<p class="annotation">从Ⅰ类到Ⅲ类，主观感知压力的程度依次加深。</p>')
          $(".appendix3").append('<p class="annotation">压力越大，代表学生越缺乏对事情的控制感。</p>')
          $(".appendix3").append('<p class="annotation">针对II类及以上的人数较多的班级，尤其是对Ⅲ类以上人数较多的班级，可组织开展压力主题班会。</p>')
          //附件4iad网络成瘾
          $(".appendix4").append('<p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>网络成瘾各班状况分布表</p>')
          var appendix4 = res.appendix.iad
          for(var i=0;i<appendix4.length;i++){
            $(".appendix4").append('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>'+appendix4[i].title+'各班网络成瘾状况分布表</p>')
            var data = ''
            for(var n=0;n<appendix4[i].children.length;n++){
              data += '<tr><th>'+appendix4[i].children[n].class_title+'</th><th>'+appendix4[i].children[n].sid_complete_total+'</th><th>'+appendix4[i].children[n].low_number+'</th><th>'+appendix4[i].children[n].centre_number+'</th><th>'+appendix4[i].children[n].high_side_number+'</th><th>'+appendix4[i].children[n].high_number+'</th></tr>'
            }
            $(".appendix4").append('<table class="table" border="1px"> <tr> <th>班级</th> <th>测评人数</th> <th>Ⅰ类人数</th><th>Ⅱ类人数</th><th>Ⅲ类人数</th><th>Ⅳ类人数</th></tr>'+data+'</table>')
          }
          //附件5anxiety焦虑
          $(".appendix5").append('<p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>焦虑各班状况分布表</p>')
          var appendix5 = res.appendix.anxiety
          for(var i=0;i<appendix5.length;i++){
            $(".appendix5").append('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>'+appendix5[i].title+'各班焦虑状况分布表</p>')
            var data = ''
            for(var n=0;n<appendix5[i].children.length;n++){
              data += '<tr><th>'+appendix5[i].children[n].class_title+'</th><th>'+appendix5[i].children[n].sid_complete_total+'</th><th>'+appendix5[i].children[n].low_number+'</th><th>'+appendix5[i].children[n].centre_number+'</th><th>'+appendix5[i].children[n].high_side_number+'</th><th>'+appendix5[i].children[n].high_number+'</th></tr>'
            }
            $(".appendix5").append('<table class="table" border="1px"> <tr> <th>班级</th> <th>测评人数</th> <th>Ⅰ类人数</th><th>Ⅱ类人数</th><th>Ⅲ类人数</th><th>Ⅳ类人数</th></tr>'+data+'</table>')
          }
          $(".appendix5").append('<p class="annotation">注：</p>')
          $(".appendix5").append('<p class="annotation">从Ⅰ类到Ⅳ类，网络成瘾程度依次加深。</p>')
          $(".appendix5").append('<p class="annotation">焦虑程度越深，代表学生的社会活动、学习发展等方面越容易受到巨大的影响。</p>')
          $(".appendix5").append('<p class="annotation">针对II类及以上的人数较多的班级，尤其是对Ⅳ类以上人数较多的班级，可组织开展焦虑主题班会。</p>')
          //附件6depressed抑郁
          $(".appendix6").append('<p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>抑郁各班状况分布表</p>')
          var appendix6 = res.appendix.depressed
          for(var i=0;i<appendix6.length;i++){
            $(".appendix6").append('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>'+appendix6[i].title+'各班抑郁状况分布表</p>')
            var data = ''
            for(var n=0;n<appendix6[i].children.length;n++){
              data += '<tr><th>'+appendix6[i].children[n].class_title+'</th><th>'+appendix6[i].children[n].sid_complete_total+'</th><th>'+appendix6[i].children[n].low_number+'</th><th>'+appendix6[i].children[n].centre_number+'</th><th>'+appendix6[i].children[n].high_side_number+'</th></tr>'
            }
            $(".appendix6").append('<table class="table" border="1px"> <tr> <th>班级</th> <th>测评人数</th> <th>Ⅰ类人数</th><th>Ⅱ类人数</th><th>Ⅲ类人数</th></tr>'+data+'</table>')
          }
          $(".appendix6").append('<p class="annotation">注：</p>')
          $(".appendix6").append('<p class="annotation">Ⅱ类人群和Ⅲ类人群可能具有抑郁症状，这代表他们会感受到持续性的情绪低落、情绪丧失和精力下降。</p>')
          $(".appendix6").append('<p class="annotation">本结果需要教师结合量表得分和以往的表现等进行综合评价。</p>')
          $(".appendix6").append('<p class="annotation">针对II类及以上的人数较多的班级，尤其是对Ⅲ类以上人数较多的班级，可组织开展抑郁主题班会。</p>')
          //附件7bully欺负/受欺负
          $(".appendix7").append('<p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>欺负/受欺负各班状况分布表</p>')
          var appendix7 = res.appendix.bully
          for(var i=0;i<appendix7.length;i++){
            $(".appendix7").append('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>'+appendix7[i].title+'各班欺负/受欺负状况分布表</p>')
            var data = ''
            for(var n=0;n<appendix7[i].children.length;n++){
              data += '<tr><th>'+appendix7[i].children[n].class_title+'</th><th>'+appendix7[i].children[n].sid_complete_total+'</th><th>'+appendix7[i].children[n].bully+'</th><th>'+appendix7[i].children[n].bully_diff+'</th><th>'+appendix7[i].children[n].bullied+'</th><th>'+appendix7[i].children[n].bullied_diff+'</th></tr>'
            }
            $(".appendix7").append('<table class="table" border="1px"> <tr> <th>班级</th> <th>测评人数</th> <th>欺负者人数</th><th>非欺负者人数</th><th>受欺负者人数</th><th>非受欺负者人数</th></tr>'+data+'</table>')
          }
          $(".appendix7").append('<p class="annotation">注：</p>')
          $(".appendix7").append('<p class="annotation">本结果需要教师结合量表得分和以往的表现等进行综合评价。</p>')
          $(".appendix7").append('<p class="annotation">针对欺负真和受欺负者较多的班级，可组织开展校园欺凌主题班会。</p>')
          //附件8self_loss自伤倾向
          $(".appendix8").append('<p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>自伤倾向各班状况分布表</p>')
          var appendix8 = res.appendix.self_loss
          for(var i=0;i<appendix8.length;i++){
            $(".appendix8").append('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>'+appendix8[i].title+'各班自伤倾向状况分布表</p>')
            var data = ''
            for(var n=0;n<appendix8[i].children.length;n++){
              data += '<tr><th>'+appendix8[i].children[n].class_title+'</th><th>'+appendix8[i].children[n].sid_complete_total+'</th><th>'+appendix8[i].children[n].low_number+'</th><th>'+appendix8[i].children[n].centre_number+'</th></tr>'
            }
            $(".appendix8").append('<table class="table" border="1px"> <tr> <th>班级</th> <th>测评人数</th> <th>Ⅰ类人数</th><th>Ⅱ类人数</th></tr>'+data+'</table>')
          }
          $(".appendix8").append('<p class="annotation">注：</p>')
          $(".appendix8").append('<p class="annotation">Ⅱ类人群指个体会有意识的做出伤害自己身体的行为倾向，人数越多，越需要关注。</p>')
          $(".appendix8").append('<p class="annotation">本结果需要教师结合量表得分和以往的表现等进行综合评价。</p>')
          $(".appendix8").append('<p class="annotation">Ⅱ类人群较多的班级，可组织开展生命教育主题班会。</p>')
          //附件9sself_suicide自杀意念
          $(".appendix9").append('<p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>自杀意念各班状况分布表</p>')
          var appendix9 = res.appendix.self_loss
          for(var i=0;i<appendix9.length;i++){
            $(".appendix9").append('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>'+appendix9[i].title+'各班自杀意念状况分布表</p>')
            var data = ''
            for(var n=0;n<appendix9[i].children.length;n++){
              data += '<tr><th>'+appendix9[i].children[n].class_title+'</th><th>'+appendix9[i].children[n].sid_complete_total+'</th><th>'+appendix9[i].children[n].low_number+'</th><th>'+appendix9[i].children[n].centre_number+'</th><th>'+appendix9[i].children[n].high_side_number+'</th></tr>'
            }
            $(".appendix9").append('<table class="table" border="1px"> <tr> <th>班级</th> <th>测评人数</th> <th>Ⅰ类人数</th><th>Ⅱ类人数</th><th>Ⅲ类人数</th></tr>'+data+'</table>')
          }
          $(".appendix9").append('<p class="annotation">注：</p>')
          $(".appendix9").append('<p class="annotation">Ⅱ类人群指个体会有意识的做出伤害自己身体的行为倾向，人数越多，越需要关注。</p>')
          $(".appendix9").append('<p class="annotation">本结果需要教师结合量表得分和以往的表现等进行综合评价。</p>')
          $(".appendix9").append('<p class="annotation">Ⅱ类人群较多的班级，可组织开展生命教育主题班会。</p>')
          //附件10appendix_school_support学校满意度和社会支持
          $(".appendix10").append('<p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>学校满意度和社会支持各班状况分布表</p>')
          var appendix10 = res.appendix_school_support
          for(var i=0;i<appendix10.length;i++){
            $(".appendix10").append('<p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>'+appendix10[i].grade_title+'各班学校满意度和社会支持状况分布表</p>')
            var data = ''
            for(var n=0;n<appendix10[i].children.length;n++){
              data += '<tr><th>'+appendix10[i].children[n].class_title+'</th><th>'+appendix10[i].children[n].sid_complete_count+'</th><th>'+appendix10[i].children[n].school_satisfaction_avg+'</th><th>'+appendix10[i].children[n].social_connectedness_avg+'</th></tr>'
            }
            $(".appendix10").append('<table class="table" border="1px"> <tr> <th>班级</th> <th>测评人数</th> <th>学校满意度平均得分</th><th>社会支持平均得分</th></tr>'+data+'</table>')
          }
          $(".appendix10").append('<p class="annotation">注：</p>')
          $(".appendix10").append('<p class="annotation">学校满意度越高，代表学生对学校的期待、待在学校的感受以及对学校活动的认可程度越高。</p>')
          $(".appendix10").append('<p class="annotation">社会支持得分越高，代表学生在遇到困难时，得到的来自老师、朋友和家长的帮助越多。</p>')
          //附件11appendix_bad_danger危机问题和严重问题的检出名单
          $(".appendix11").append('<p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>全校危机问题和严重问题可能性较高的人员名单</p>')
          var appendix11 = res.appendix_bad_danger
          var data = ''
          for(var i=0;i<appendix11.length;i++){
            data += '<tr><th>'+appendix11[i].grade_title+'</th><th>'+appendix11[i].class_title+'</th><th>'+appendix11[i].danger_name+'</th><th>'+appendix11[i].bad_name+'</th></tr>'
          }
          $(".appendix11").append('<table class="table" border="1px"> <tr> <th>年级</th>  <th>班级</th> <th>危机问题可能性较高的人员名单</th> <th>严重问题可能性较高的人员名单</th></tr>'+data+'</table>')
        }
      })
      function getUrlKey (name) {
        var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)')
        var r = window.location.search.substr(1).match(reg)
        if (r != null) return unescape(r[2]); return null
      }
      $(".toggle").click(function(){
        $(this).parent().parent().siblings().toggle()
        if($(this).parent().parent().siblings().is(":hidden")){
          $(this).removeClass("fa-minus-square-o")
          $(this).addClass("fa-plus-square-o")
          
        }else{
          $(this).addClass("fa-minus-square-o")
          $(this).removeClass("fa-plus-square-o")
        }
      })
    })
    $(window).scroll(function() {
      //获取距离页面顶部的距离
      let toTop = document.documentElement.scrollTop || document.body.scrollTop
      // console.log(toTop)
      //div距离顶部的距离
      if (toTop - $("#directory1").offset().top <= 0){
        $(".directoryFl>ul>li>a>i").removeClass("tag")
        $(".directory1>i").addClass("tag")
      }
      if (toTop - $("#directory2").offset().top <= 0 && toTop - $("#directory2").offset().top > -50){
        $(".directoryFl>ul>li>a>i").removeClass("tag")
        $(".directory2>i").addClass("tag")
      }
      if (toTop - $("#directory3").offset().top <= 0 && toTop - $("#directory3").offset().top > -50){
        $(".directoryFl>ul>li>a>i").removeClass("tag")
        $(".directory3>i").addClass("tag")
      }
      if (toTop - $("#directory4").offset().top <= 0 && toTop - $("#directory4").offset().top > -50){
        $(".directoryFl>ul>li>a>i").removeClass("tag")
        $(".directory4>i").addClass("tag")
      }
      if (toTop - $("#directory5").offset().top <= 0 && toTop - $("#directory5").offset().top > -50){
        $(".directoryFl>ul>li>a>i").removeClass("tag")
        $(".directory5>i").addClass("tag")
      }
      if (toTop - $("#directory6").offset().top <= 0 && toTop - $("#directory6").offset().top > -50){
        $(".directoryFl>ul>li>a>i").removeClass("tag")
        $(".directory6>i").addClass("tag")
      }
      if (toTop - $("#directory7").offset().top <= 0 && toTop - $("#directory7").offset().top > -50){
        $(".directoryFl>ul>li>a>i").removeClass("tag")
        $(".directory7>i").addClass("tag")
      }
      if (toTop - $("#directory8").offset().top <= 0 && toTop - $("#directory8").offset().top > -50){
        $(".directoryFl>ul>li>a>i").removeClass("tag")
        $(".directory8>i").addClass("tag")
      }
      if (toTop - $("#directory9").offset().top <= 0 && toTop - $("#directory9").offset().top > -50){
        $(".directoryFl>ul>li>a>i").removeClass("tag")
        $(".directory9>i").addClass("tag")
      }
      if (toTop - $("#directory10").offset().top <= 0 && toTop - $("#directory10").offset().top > -50){
        $(".directoryFl>ul>li>a>i").removeClass("tag")
        $(".directory10>i").addClass("tag")
      }
      if (toTop - $("#directory11").offset().top <= 0 && toTop - $("#directory11").offset().top > -50){
        $(".directoryFl>ul>li>a>i").removeClass("tag")
        $(".directory11>i").addClass("tag")
      }
    })
  </script>
</head>
<body>
  <div class="reportTitle">
    <div class="mandatoryPaging">
      <div class="tittle location_city"></div>
      <div class="tittle school_title"></div>
      <div class="tittle plan_title"></div>
      <div class="tittle plan_time"></div>
    </div>
  </div>
  <div class="reportCenter">
    <div class="mandatoryPaging">
      <div class="center" id="directory1">
        <div class="tittle">
          <div class="title-border fl"></div>
          <span>学校报告使用注意事项</span>
        </div>
        <p class="newlineAlignment bold">贵校在查看学校报告时，要做出以下承诺：</p>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>学校对各班级和各年级的测评结果应该严格保密，测评结果由学校心理健康项目领导小组负责管理。</p>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>学校对可接触到测评相关信息的老师进行严格把关，非工作需要，不得将测评结果泄露给无关人员。若其他老师因工作需要查看相关报告，则需得到学校授权。一经授权，由于授权所产生的不良影响，则由学校承担。</p>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>学校对可接触到测评相关信息的人员进行培训，包括观看报告解读视频课程（点击此处，查看学校报告解读视频）以及掌握查看报告时的要点</p>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>学校需客观看待测验结果，测评结果受到多种因素的影响，例如学生是否正确理解题意、是否如实作答等等。切勿对学生、班级或年级“贴标签”。</p>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>测评报告仅做参考，不能作为临床诊断的依据，不能作为班级或年级评优的参考。</p>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>一旦发现学生有危害自身或他人的情况，学校必须启动危机干预方案。</p>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>如对报告结果有疑问，请致电咨询北京心智计算科技有限公司。</p>
      </div>
      <div class="center changerow" id="directory2">
        <div class="tittle">
          <div class="title-border fl"></div>
          <span>学校报告数据补充说明</span>
        </div>
        <p class="newlineAlignment bold">学校报告主要由结果简述、参评学生人数分布、心理健康测评指标、心理健康测评结果、结论、建议以及相关数据的附件（附件一~附件三）等七个方面构成。其中，心理健康测评结果由心理健康整体状况、年级差异、班级差异、性别差异等方面组成，该部分数据方面的补充说明如下：</p>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>本次报告比较时涉及的全国、全省或系统常模的数据均来源于“全国中初中心理健康状况调查”课题（见附录一，以下简称“全国调查”）。若贵校所在省参与本次“全国调查”且目前入库的常模样本达到2万人次以上，那么贵校报告数据分析使用的常模为贵省数据库中的数据；若贵省并未参与本次“全国调查”或目前常模样本少于2万人次，那么贵校报告数据分析使用的常模为本次“全国调查”系统库中的数据。</p>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>本报告将每个心理健康问题最高程度的检出人数作为正文报告时的每个具体心理健康问题的检出人数，每个心理健康问题不同程度的具体检出情况详见附件二。</p>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>本报告中涉及的检出人数比例计算公式为：检出人数比例=检出人数÷对应群体（学校、学段、年级、班级）完成测评的人数×100%。</p>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>本报告中涉及的排序及高低比较是均值或检出比例大小的比较，未涉及到差异分析。</p>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>图表中的数据因小数取舍而产生的误差，均未作人为调整。</p>
      </div>
      <div class="center results_describe changerow" id="directory3">
        <div class="tittle">
          <div class="title-border fl"></div>
          <span>本校测评结果简述</span>
        </div>
      </div>
      <div class="center changerow" id="directory4">
        <div class="tittle">
          <div class="title-border fl"></div>
          <span>目 录</span>
        </div>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i><a href="#directory1">学校报告使用注意事项</a></p>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i><a href="#directory2">学校报告数据补充说明</a></p>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i><a href="#directory3">本校测评结果简述</a></p>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i><a href="#directory5">参与测评学生整体分布状况</a></p>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i><a href="#directory6">心理健康测评指标</a></p>
        <p class="newlineAlignment retract2"><i class="fa fa-angle-double-right fa-lg triangle"></i><a href="#directory6_1">心理健康水平</a></p>
        <p class="newlineAlignment retract2"><i class="fa fa-angle-double-right fa-lg triangle"></i><a href="#directory6_2">心理健康问题</a></p>
        <p class="newlineAlignment retract2"><i class="fa fa-angle-double-right fa-lg triangle"></i><a href="#directory6_3">学生发展环境</a></p>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i><a href="#directory7">心理健康测评结果</a></p>
        <p class="newlineAlignment retract2"><i class="fa fa-angle-double-right fa-lg triangle"></i><a href="#directory7_1">心理健康整体状况</a></p>
        <!-- <p class="newlineAlignment retract2"><i class="fa fa-angle-double-right fa-lg triangle"></i><a href="#directory7_2">心理健康学段差异</a></p> -->
        <p class="newlineAlignment retract2"><i class="fa fa-angle-double-right fa-lg triangle"></i><a href="#directory7_2">心理健康年级差异</a></p>
        <p class="newlineAlignment retract2"><i class="fa fa-angle-double-right fa-lg triangle"></i><a href="#directory7_3">心理健康班级差异</a></p>
        <p class="newlineAlignment retract2"><i class="fa fa-angle-double-right fa-lg triangle"></i><a href="#directory7_4">心理健康性别差异</a></p>
        <p class="newlineAlignment retract2"><i class="fa fa-angle-double-right fa-lg triangle"></i><a href="#directory7_5">心理健康亲子相互了解程度差异</a></p>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i><a href="#directory8">结论</a></p>
        <p class="newlineAlignment retract2 directoryConclusion1"><i class="fa fa-angle-double-right fa-lg triangle"></i>本校学生心理健康水平整体（良好/有待改善），属于严重和危机问题的学生比例为4.9%</p>
        <p class="newlineAlignment retract2 directoryConclusion2"><i class="fa fa-angle-double-right fa-lg triangle"></i>在所有参评年级中，九年级存在突出心理健康问题数量最多</p>
        <p class="newlineAlignment retract2 directoryConclusion3"><i class="fa fa-angle-double-right fa-lg triangle"></i>在本校参评班级中，共16（80）个班级的心理健康问题超出所在年级全省常模</p>
        <p class="newlineAlignment retract2 directoryConclusion4"><i class="fa fa-angle-double-right fa-lg triangle"></i>相较女生，男生心理健康水平整体较低</p>
        <p class="newlineAlignment retract2 directoryConclusion5"><i class="fa fa-angle-double-right fa-lg triangle"></i>在心理健康各方面中，亲子相互了解程度最“需要加强沟通”的方面是学习倦怠	</p>
        <!-- <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>建议</p>
        <p class="newlineAlignment retract2"><i class="fa fa-angle-double-right fa-lg triangle"></i>对不同心理健康水平学生进行针对性安排</p>
        <p class="newlineAlignment retract2"><i class="fa fa-angle-double-right fa-lg triangle"></i>重点关注抑郁、自杀意念、焦虑、压力、网络成瘾</p>
        <p class="newlineAlignment retract2"><i class="fa fa-angle-double-right fa-lg triangle"></i>对不同的班级、年级开展分类指导，做好学生群体知识普及和技能传授工作</p>
        <p class="newlineAlignment retract2"><i class="fa fa-angle-double-right fa-lg triangle"></i>加强家校联系，营造良好发展环境</p> -->
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i><a href="#directory9">附录一：课题简介以及数据参考依据</a></p>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i><a href="#directory10">附录二：不同心理健康问题的检出情况</a></p>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i><a href="#directory11">附录三：危机问题和严重问题的检出名单</a></p>
      </div>
      <div class="center overall_situation changerow" id="directory5">
        <div class="tittle">
          <div class="title-border fl"></div>
          <span>参与测评学生整体分布状况</span>
        </div>
      </div>
      <div class="center changerow" id="directory6">
        <div class="tittle">
          <div class="title-border fl"></div>
          <span>心理健康测评指标</span>
        </div>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>基于已有的研究结果提炼出与中初中生心理健康有关的影响因素，并将影响因素逐步归纳，同时结合当下中初中生最关注的心理健康问题（自伤倾向、欺负问题等），最终形成了心理健康测评指标。以下呈现的心理健康测评结果的内容主要为心理健康水平、心理健康问题以及学生发展环境。</p>
        <p class="newlineAlignment" id="directory6_1"><i class="fa fa-angle-double-right fa-lg triangle"></i>心理健康水平</p>
        <div class="fontCenter">表2-1 心理健康水平的调研内容</div>
        <table class="table" border="1px">
          <tr>
            <th style="width: 100px;">心理健康水平</th>
            <th>内容</th>
          </tr>
          <tr>
            <th>适应良好</th>
            <th style="text-align: left;padding:0 10px;">评估学生在日常生活或学习中表现出良好的心理状况。这类学生应该开展促进积极心理品质方面的心理健康教育活动。</th>
          </tr>
          <tr>
            <th>适应问题</th>
            <th style="text-align: left;padding:0 10px;">评估学生在日常生活或学习中出现适应问题的状况。若发现学生可能存在适应问题，学校需要给与关注，并对这类学生应该开展促进积极心理品质方面以及如何应对心理健康问题方面的心理健康教育活动，预防其问题向严重方向发展。</th>
          </tr>
          <tr>
            <th>严重问题</th>
            <th style="text-align: left;padding:0 10px;">评估学生在日常生活或学习中出现的一系列影响心理健康的问题。若发现学生可能存在严重问题，学校需要安排复检，以确定其是否存在严重问题，并对确定存在严重问题的学生开展有针对性的团体辅导活动，如果团体辅导活动还不能解决其问题，则转入个体咨询。</th>
          </tr>
          <tr>
            <th>严重问题</th>
            <th style="text-align: left;padding:0 10px;">评估学生在日常生活或学习中出现的危及自身生命的意念或行为。若发现学生可能存在危机问题，学校需要马上约谈，以确定其是否存在危机问题，并开展个体咨询。</th>
          </tr>
        </table>
        <p class="newlineAlignment" id="directory6_2"><i class="fa fa-angle-double-right fa-lg triangle"></i>心理健康问题</p>
        <p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>按照心理健康问题的类型，将其划分为学习倦怠、压力、网络成瘾、焦虑、抑郁、欺负、受欺负、自伤行为和自杀意念等九个方面。</p>
        <div class="fontCenter">表2-2 心理健康问题的调研内容</div>
        <table class="table" border="1px">
          <tr>
            <th style="width: 100px;">心理健康问题</th>
            <th>内容</th>
          </tr>
          <tr>
            <th>学习倦怠</th>
            <th style="text-align: left;padding:0 10px;">评估学生对学校课程学业持有的负性态度，包括身心耗损、学业疏离和低成就感。</th>
          </tr>
          <tr>
            <th>压力</th>
            <th style="text-align: left;padding:0 10px;">评估学生在日常生活中所体验的紧张和失控的感受。</th>
          </tr>
          <tr>
            <th>网络成瘾</th>
            <th style="text-align: left;padding:0 10px;">评估学生由于长时间地和习惯性地沉溺于网络时空中，对互联网产生的强烈的依赖，以至于达到了痴迷的程度而难以解脱的行为状态和心理状态。</th>
          </tr>
          <tr>
            <th>焦虑</th>
            <th style="text-align: left;padding:0 10px;">评估学生在日常生活中所体验的焦虑程度。</th>
          </tr>
          <tr>
            <th>抑郁</th>
            <th style="text-align: left;padding:0 10px;">评估学生在日常生活中所体验的抑郁程度。</th>
          </tr>
          <tr>
            <th>欺负和受欺负</th>
            <th style="text-align: left;padding:0 10px;">从欺负和受欺负的角度评估学生在一段时间内遭受到或者参与到对其他学生直接或间接的欺负行为。</th>
          </tr>
          <tr>
            <th>自伤倾向</th>
            <th style="text-align: left;padding:0 10px;">评估个体在过去6个月内是否发生过自伤行为。</th>
          </tr>
          <tr>
            <th>自杀意念</th>
            <th style="text-align: left;padding:0 10px;">评估学生在主观上产生的想要自杀的念头，但未采取一定的行动以达到自杀死亡的目的行为。</th>
          </tr>
        </table>
        <p class="newlineAlignment" id="directory6_3"><i class="fa fa-angle-double-right fa-lg triangle"></i>学生发展环境</p>
        <p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>学生发展环境是影响学生心理健康发展的环境因素，由学校满意度和社会支持两个方面构成。</p>
        <div class="fontCenter">表2-3 学生发展环境的调研内容</div>
        <table class="table" border="1px">
          <tr>
            <th style="width: 100px;">学生发展环境</th>
            <th>内容</th>
          </tr>
          <tr>
            <th>学校满意度</th>
            <th style="text-align:left;padding:0 10px;">评估学生对学校生活、活动和氛围的满意程度。</th>
          </tr>
          <tr>
            <th>社会支持</th>
            <th style="text-align:left;padding:0 10px;">评估学生在日常生活中从父母、老师、朋友或同学身上获取到的帮助。</th>
          </tr>
        </table>
      </div>
      <div class="center" id="directory7">
        <div class="tittle">
          <div class="title-border fl"></div>
          <span>心理健康测评结果</span>
        </div>
        <p class="newlineAlignment" id="directory7_1"><i class="fa fa-caret-right fa-lg triangle"></i>心理健康整体状况</p>
        <div class="overall_result_health_level">
          <p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>心理健康水平</p>
          <div id="overall_result_health_level_main" style="width: 80%;height:300px; margin: 0 auto;"></div>
          <div class="fontCenter">图1 四类心理健康水平的人数比例图</div>
        </div>
<div class="changerow">
        <div class="overall_result_health_problems">
          <p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>心理健康问题</p>
          <div id="overall_result_health_problems_main" style="width: 80%;height:300px; margin: 0 auto;"></div>
          <div class="fontCenter">图2 心理健康问题的人数比例图</div>
        </div>
        <div class="overall_result_development_environment">
          <p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>学生发展环境状况</p>
          <div id="overall_result_development_environment_main" style="width: 80%;height:150px; margin: 0 auto;"></div>
          <div class="fontCenter">图3 学生发展环境状况得分图</div>
          <p class="annotation">注：学校满意度量表总分范围为8-48分；社会支持量表总分围为6-36分。</p>
        </div>
</div>
        <p class="newlineAlignment" id="directory7_2"><i class="fa fa-caret-right fa-lg triangle"></i>心理健康年级差异</p>
        <div class="grade_result_health_level">
          <p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>各年级心理健康水平</p>
          <div id="grade_result_health_level_main" style="width: 80%;height:400px; margin: 0 auto;"></div>
          <div class="fontCenter">图7 不同年级学生的心理健康水平的分布</div>
          <p class="annotation">注1：适应良好的比例+适应问题的比例+严重问题的比例+危机问题的比例=100.00%，由于适应良好比例较高，因此在图中不予呈现。</p>
          <p class="annotation"></p>
          <div class="fontCenter">表1 不同年级学生的心理健康水平的分布</div>
          <table class="table grade_result_health_level_table" border="1px">
            <tr>
              <th></th>
              <th>适应良好</th>
              <th>适应问题</th>
              <th>严重问题</th>
              <th>危机问题</th>
            </tr>
          </table>
          <p class="annotation"></p>
          <p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>各年级在各个心理健康水平上的检出比例从高到低进行排序，结果表现如下所示：</p>
        </div>
        <div class="grade_result_health_problems changerow">
          <p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>各年级心理健康问题</p>
          <div id="grade_result_health_problems_main" style="width: 80%;height:400px; margin: 0 auto;"></div>
          <div class="fontCenter">图8 不同年级学生的心理健康问题的分布</div>
          <div class="fontCenter">表2 不同年级学生的心理健康问题的分布</div>
          <table class="table grade_result_health_problems_table" border="1px">
            <tr>
              <th></th>
              <th>自伤倾向</th>
              <th>学习倦怠</th>
              <th>抑郁</th>
              <th>自杀意念</th>
              <th>焦虑</th>
              <th>受欺负</th>
              <th>压力</th>
              <th>欺负</th>
              <th>网络成瘾</th>
            </tr>
          </table>
          <div class="annotation"></div>
          <p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>不同年级的学生在各个心理健康问题上的检出比例从高到低表现如下所示：</p>
        </div>
        <div class="grade_result_development_environment">
          <p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>各年级学生发展环境状况</p>
          <div id="grade_result_development_environment_main" style="width: 80%;height:400px; margin: 0 auto;"></div>
          <div class="fontCenter">图9 不同年级学生的学生发展环境状况</div>
          <div class="annotation">注：学校满意度量表总分范围为8-48分；社会支持量表总分范围为6-36分。</div>
          <div class="fontCenter">表3 不同年级学生的学生发展环境的分布</div>
          <table class="table grade_result_development_environment_table" border="1px">
            <tr>
              <th></th>
              <th>社会支持</th>
              <th>学生发展环境</th>
            </tr>
          </table>
          <div class="annotation"></div>
          <p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>各年级在学生发展环境上的得分从高到低进行排序，结果表现如下所示：</p>
        </div>
	<div class="xljkcy_l"></div>
        <!-- <p class="newlineAlignment" id="directory7_3"><i class="fa fa-caret-right fa-lg triangle"></i>心理健康班级差异</p>
        <div class="class_result_health_level">
          <p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>不同年级的各个班级心理健康水平</p>
        </div> -->
	
        <div class="class_result_health_problems">
        </div>
        <div class="class_result_development_environment">
          <!-- <p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>不同年级的各个班级心理健康问题</p> -->
        </div>
	<div class="changerow">
        <p class="newlineAlignment" id="directory7_4"><i class="fa fa-caret-right fa-lg triangle"></i>心理健康性别差异</p>
        <div class="sex_result_health_level">
          <p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>不同性别心理健康水平</p>
          <div id="sex_result_health_level_main" style="width: 80%;height:400px; margin: 0 auto;"></div>
          <div class="fontCenter">图13 不同性别心理健康水平分布图</div>
          <p class="annotation">注1：适应良好的比例+适应问题的比例+严重问题的比例+危机问题的比例=100.00%，由于适应良好比例较高，因此在图中不予呈现。</p>
          <p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>不同性别在各个心理健康水平上的检出比例结果表现如下所示：</p>
        </div>
	</div>	
        <div class="sex_result_health_problems">
          <p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>同性别心理健康问题</p>
          <div id="sex_result_health_problems_main" style="width: 80%;height:400px; margin: 0 auto;"></div>
          <div class="fontCenter">图14 不同性别心理健康问题分布图</div>
          <p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>不同性别的学生在各个心理健康问题上的检出比例从高到低表现如下所示。</p>
        </div>
        <div class="sex_result_development_environment changerow">
          <p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>不同性别学生发展环境状况</p>
          <div id="sex_result_development_environment_main" style="width: 80%;height:400px; margin: 0 auto;"></div>
          <div class="fontCenter">图15 不同性别学生发展环境状况得分图</div>
          <p class="annotation">注：学校满意度量表总分范围为8-48分；社会支持量表总分范围为6-36分。</p>
          <p class="newlineAlignment"><i class="fa fa-angle-right fa-lg triangle"></i>不同性别的学生在各个心理健康问题上的检出比例从高到低表现如下所示。</p>
        </div>
        <p class="newlineAlignment" id="directory7_5"><i class="fa fa-caret-right fa-lg triangle"></i>心理健康亲子相互了解程度差异</p>
        <div class="report_parent_grade_dispatch">
          <!-- <p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>不同年级亲子相互了解程度</p> -->
        </div>
        <div class="report_parent_sex_dispatch">
          <!-- <p class="newlineAlignment"><i class="fa fa-angle-double-right fa-lg triangle"></i>不同性别亲子相互了解程度</p> -->
        </div>
      </div>
      <div class="center conclusion" id="directory8">
        <div class="tittle">
          <div class="title-border fl"></div>
          <span>结论</span>
        </div>
      </div>
      <div class="center appendix1" id="directory9">
        <div class="tittle">
          <div class="title-border fl"></div>
          <span>课题简介以及数据参考依据&nbsp;&nbsp;<i class="fa fa-minus-square-o fa-lg tag toggle"></i></span>
        </div>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>“全国中初中心理健康状况调查”课题由中国教育学会学校教育心理学分会和北京师范大学发展心理研究院联合开展，由北京心智计算科技有限公司提供技术支持。</p>
        <p class="newlineAlignment"><i class="fa fa-caret-right fa-lg triangle"></i>“全国中初中心理健康状况调查”课题所调研的学校目前已覆盖了20个省份；施测对象为在校初中七年级到高中三年级。在上述抽样框架的基础上，本次全国普测参与调研学校共计1500余所，共计78万余名中初中生参与本次测评。</p>
      </div>
      <div class="center appendix" id="directory10">
        <div class="tittle">
          <div class="title-border fl"></div>
          <span>不同心理健康问题的检出情况&nbsp;&nbsp;<i class="fa fa-minus-square-o fa-lg tag toggle"></i></span>
        </div>
        <div class="appendix2"></div>
        <div class="appendix3"></div>
        <div class="appendix4"></div>
        <div class="appendix5"></div>
        <div class="appendix6"></div>
        <div class="appendix7"></div>
        <div class="appendix8"></div>
        <div class="appendix9"></div>
        <div class="appendix10"></div>
      </div>
      <div class="center appendix" id="directory11">
        <div class="tittle">
          <div class="title-border fl"></div>
          <span>危机问题和严重问题的检出名单&nbsp;&nbsp;<i class="fa fa-minus-square-o fa-lg tag toggle"></i></span>
        </div>
        <div class="appendix11"></div>
      </div>
    </div>
  </div>
  <div class="directoryFl">
    <ul>
     <li>
       <a class="directory1" href="#directory1">
         <i class="fa fa-circle-o fa-lg"></i>
         <span>学校报告使用注意事项</span>
       </a>
     </li>
     <li class="directoryFlLine"></li>
      <li>
        <a class="directory2" href="#directory2">
          <i class="fa fa-circle-o fa-lg"></i>
          <span>学校报告数据补充说明</span>
        </a>
      </li>
      <li class="directoryFlLine"></li>
      <li>
        <a class="directory3" href="#directory3">
          <i class="fa fa-circle-o fa-lg"></i>
          <span>本校测评结果简述</span>
        </a>
      </li>
      <li class="directoryFlLine"></li>
      <li>
        <a class="directory4" href="#directory4">
          <i class="fa fa-circle-o fa-lg"></i>
          <span>目 录</span>
        </a>
      </li>
      <li class="directoryFlLine"></li>
      <li>
        <a class="directory5" href="#directory5">
          <i class="fa fa-circle-o fa-lg"></i>
          <span>参与测评学生整体分布状况</span>
        </a>
      </li>
      <li class="directoryFlLine"></li>
      <li>
        <a class="directory6" href="#directory6">
          <i class="fa fa-circle-o fa-lg"></i>
          <span>心理健康测评指标</span>
        </a>
      </li>
      <li class="directoryFlLine"></li>
      <li>
        <a class="directory7" href="#directory7">
          <i class="fa fa-circle-o fa-lg"></i>
          <span>心理健康测评结果</span>
        </a>
      </li>
      <li class="directoryFlLine"></li>
      <li>
        <a class="directory8" href="#directory8">
          <i class="fa fa-circle-o fa-lg"></i>
          <span>结论</span>
        </a>
      </li>
      <li class="directoryFlLine"></li>
      <li>
        <a class="directory9" href="#directory9">
          <i class="fa fa-circle-o fa-lg"></i>
          <span>课题简介以及数据参考依据</span>
        </a>
      </li>
      <li class="directoryFlLine"></li>
      <li>
        <a class="directory10" href="#directory10">
          <i class="fa fa-circle-o fa-lg"></i>
          <span>不同心理健康问题的检出情况</span>
        </a>
      </li>
      <li class="directoryFlLine"></li>
      <li>
        <a class="directory11" href="#directory11">
          <i class="fa fa-circle-o fa-lg"></i>
          <span>危机问题和严重问题的检出名单</span>
        </a>
      </li>
    </ul>
  </div>
</body>
</html>